<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
        <label for="">性别</label>
        <input type="checkbox" id='M' value="M">男
        <input type="checkbox" id='F' value="F">女
</body>
</html>
<script>

let MObj = document.getElementById('M');
let FObj = document.getElementById('F');

MObj.onclick=()=>{
  
   // console.log(MObj.checked);
   if(MObj.checked){
    FObj.checked=false;
   }else{
    FObj.checked=true;
   }
}


FObj.onclick=()=>{
  
  // console.log(MObj.checked);
  if(FObj.checked){
    MObj.checked=false;
  }else{
    MObj.checked=true;
  }
}
</script>